/* 媒体查询-手机屏幕 */
@media all and (max-width: 768px){
    .headerTop{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 50px;
        background-color: rgb(2, 20, 32);
    }
    .logo {
        width: 70px;
        height: 50px;
    }
    .menu {
        width: 44px;
        height: 34px;
    }
    nav ul {
        position: fixed;
        width: 100%;
        margin-top: 50px;
        height: 0px;
        z-index: 999;
        background-color: rgb(2, 20, 32);
        overflow: hidden;
        box-sizing: border-box;
        border-top: 1px solid #ebebeb34;
        transition: height 0.3s;
    }
    .navUlOpen {
        height: 251px;
    }
    nav ul li {
        height: 40px;
        line-height: 40px;
        padding: 0px 35px;
    }
    nav ul li:last-of-type{
        margin-bottom: 10px;
    }
    .navLiActive {
        font-weight: bold;
    }

    /* 首屏标题容器 */
    .posterContainer{
        width: 100%;
    }
    .posterTitle h3 {
        margin-top: 120px;
        font-size: 25px;
        padding-bottom: 20px;
    }
    .contactUs {
        display: none !important;
    }


    /* 关于首屏标题描述文字段落 */
    .figcaption { 
        width: 90%; 
        height: 3em; 
        margin: 1em; 
    } 
    .figcaption p { 
        line-height: 1.5em; 
        overflow: hidden; 
        text-overflow: ellipsis; 
        display: -webkit-box; 
        -webkit-line-clamp: 2; 
        -webkit-box-orient: vertical; 
        /*因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/ 
    }

    .liNian {
        display: flex;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .liNian img {
        height: 300px;
    }
    .liNianBox {
        /* background-color: aqua; */
        display: flex;
        margin-top: 2rem;
    }
    .liNianBox .LiNianDirectionTitle h4 {
        font-size: 1.5rem;
        font-weight: 100;
        color: #fff;
        padding-bottom: 5px;
    }
    .liNianBox .LiNianDirection{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 1rem;
    }
    .liNianBox .LiNianDirection p{
        margin-left: 0px;
        height: auto;
    }
    .btn_03{
        display: inline-block;
        width: 133px;
        height: 49px;
        line-height: 49px;
        border: 1px solid rgba(77, 76, 76, 0.274);
    }
    /* 资讯中心 */
    .NewContainer {
        padding-top: 80px;
    }
    .NewBox {
        width: 95%;
        margin: 0px auto;
    }
    /* 资讯中心的标题 */
    .NewTitle {
        text-align: center;
    }
    .NewTitle h4{
        font-size: 1.8rem;
    }
    .NewContent li a{
        display: block;
    }
    .NewContent li a > img{
        width: 100%;
        margin-top: 1.8rem;
    }
    .newprojectDescribe h5{
        font-size: 1.2rem;
        padding-top: 15px;
    }
    .newprojectDescribe p{
        padding-top: 15px;
    }
    /* 服务支持 */
    .serviceContainer {
        background-color: rgb(2, 20, 32);
        background: url(../images/服务支持背景.jpg) no-repeat;
        background-position: center !important;

    }
    .serviceBox {
        width: 95%;
        padding: 30px 0px;
    }
    .serviceBox .serviceTitle{
        text-align: center;
        padding-top: 25px;
    }
    .serviceTitle h4 {
        font-size: 1.8rem;
    }
    .serviceObj ul{
        display: flex;
        flex-direction: column;
        align-items:center;
    }
    .serviceObj ul > li{
        width: 80%;
        text-align: center;
        margin-top: 20px;
    }
    .serviceObj ul > li i{
        margin: 0px auto;
    }
    .serviceObj ul > li p{
        margin-top: 5px;
        font-size: 0.9rem;
        line-height: 2em;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .caseContainer {
        display: none;
    }

    .photo ul li{
        width: 50%;
        float: left;
    }
    .explainBox {
        width: 95%;
        margin: 0px auto;
    }
    .explainLeft p{
        margin-top: 30px;
    }
    .bootomNav {
        margin-top: 30px;
    }
    .bootomNav li {
        float: left;
        width: 50%;
        height: 30px;
    }
    .statement p:nth-child(1){
        width: 100%;
    }
    .statement p:nth-child(2),.statement p:nth-child(3){
        display: none;
    }
}